import { useContext } from 'react'
import { Button } from 'antd'

import { Context } from './index'

const Filter = () => {
  const { flagShowFilterContent, setFlagShowFilterContent } = useContext(
    Context
  )

  return (
    <>
      {/* <div>Filter mobile right first</div> */}
      <Button
        onClick={() => {
          setFlagShowFilterContent(!flagShowFilterContent)
        }}
      >
        Filters
      </Button>
    </>
  )
}

export default Filter
